<template>
	<view class="container">
		<view>
			<desc-wrapper :title="title" :desc="desc"></desc-wrapper>
			<z-card justifyContent="center">
				<view class="card-content-item">
					<uni-data-select class="city" isCustomIndicator style="margin-right: 10rpx;" :clear="false" v-model="provinceCode"
						:localdata="cityData"></uni-data-select>
					<uni-data-select class="zimu" isCustomIndicator style="margin-right: 10rpx;" :clear="false" v-model="alphabet"
						:localdata="zimu"></uni-data-select>
					<view class="input-name-box">
						<input class="input-item" v-model="form.chepai" type="text" placeholder="请输入车牌号" />
					</view>
				</view>
			</z-card>
			<view class="bottom-btns">
				<view class="start-btn" @click="onClick_1">
					<text class="">立即测算</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '车牌号测吉凶',
				desc: '测试方法：输入您的车牌号码，点击立即测算，并查看测算结果，请自行体会其中的吉凶指示。',
				form: {
					chepai: '',
				},
				provinceCode: 'jing',
				alphabet: 'A',
				cityData: [{
						value: 'jing',
						text: '京'
					},
					{
						value: 'jin',
						text: '津'
					},
					{
						value: 'hei',
						text: '黑'
					},
					{
						value: 'ji',
						text: '吉'
					},
					{
						value: 'liao',
						text: '辽'
					},
					{
						value: 'hebei',
						text: '冀'
					},
					{
						value: 'yu',
						text: '豫'
					},
					{
						value: 'lu',
						text: '鲁'
					},
					{
						value: 'jin',
						text: '晋'
					},
					{
						value: 'shan',
						text: '陕'
					},
					{
						value: 'menggu',
						text: '蒙'
					},
					{
						value: 'ning',
						text: '宁'
					},
					{
						value: 'gan',
						text: '陇'
					},
					{
						value: 'xin',
						text: '新'
					},
					{
						value: 'qing',
						text: '青'
					},
					{
						value: 'xi',
						text: '藏'
					},
					{
						value: 'hubei',
						text: '鄂'
					},
					{
						value: 'anhui',
						text: '皖'
					},
					{
						value: 'jiangsu',
						text: '苏'
					},
					{
						value: 'shanghai',
						text: '沪'
					},
					{
						value: 'zhe',
						text: '浙'
					},
					{
						value: 'fujian',
						text: '闽'
					},
					{
						value: 'hu',
						text: '湘'
					},
					{
						value: 'jiang',
						text: '赣'
					},
					{
						value: 'chuan',
						text: '川'
					},
					{
						value: 'chong',
						text: '渝'
					},
					{
						value: 'qian',
						text: '黔'
					},
					{
						value: 'yun',
						text: '云'
					},
					{
						value: 'guang',
						text: '粤'
					},
					{
						value: 'gui',
						text: '桂'
					},
					{
						value: 'qiong',
						text: '琼'
					},
					{
						value: 'gang',
						text: '港'
					},
					{
						value: 'ao',
						text: '澳'
					},
					{
						value: 'tai',
						text: '台'
					},

				],
				zimu: [{
						value: 'A',
						text: 'A'
					},
					{
						value: 'B',
						text: 'B'
					},
					{
						value: 'C',
						text: 'C'
					},
					{
						value: 'D',
						text: 'D'
					},
					{
						value: 'E',
						text: 'E'
					},
					{
						value: 'F',
						text: 'F'
					},
					{
						value: 'G',
						text: 'G'
					},
					{
						value: 'H',
						text: 'H'
					},
					{
						value: 'I',
						text: 'I'
					},
					{
						value: 'J',
						text: 'J'
					},
					{
						value: 'K',
						text: 'K'
					},
					{
						value: 'L',
						text: 'L'
					},
					{
						value: 'M',
						text: 'M'
					},
					{
						value: 'N',
						text: 'N'
					},
					{
						value: 'O',
						text: 'O'
					},
					{
						value: 'P',
						text: 'P'
					},
					{
						value: 'Q',
						text: 'Q'
					},
					{
						value: 'R',
						text: 'R'
					},
					{
						value: 'S',
						text: 'S'
					},
					{
						value: 'T',
						text: 'T'
					},
					{
						value: 'U',
						text: 'U'
					},
					{
						value: 'V',
						text: 'V'
					},
					{
						value: 'W',
						text: 'W'
					},
					{
						value: 'X',
						text: 'X'
					},
					{
						value: 'Y',
						text: 'Y'
					},
					{
						value: 'Z',
						text: 'Z'
					}

				]

			};
		},
		methods: {
			onClick_1() {
				let that = this;
				if (this.form.chepai == "") {
					uni.$u.toast("请输入车牌号")
					return
				}
				uni.navigateTo({
					url: `/pages/carnumber/detail?params=${JSON.stringify(this.form)}`
				})
			},

		},


	};
</script>
<style lang="scss">
	 ::v-deep .city .uni-select{
			width: 77rpx;
			display: flex;
            justify-content: center;
			text-align: center;
			padding-left: 3px;
    }
	::v-deep .zimu .uni-select{
			width: 70rpx;
			display: flex;
	        justify-content: center;
			text-align: center;
			padding-left: 5px;
	}
	
</style>